<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jquery-1.12.4.min.js"></script>
    <script>
        $(function(){
            var my_link = $('#link-1');
            var my_input = $('#input-1');

            // 获取元素属性
            var attr_id = my_link.prop('id');
            console.log(attr_id);

            // 设置标签属性
            my_link.prop({
                'href': 'https://www.baidu.com',
                'title': '点击跳转到Baidu',
                'class': 'myz-link_class'
            });

            var my_input_value_1 = my_input.prop('value');
            console.log(my_input_value_1);

            var my_input_value_2 = my_input.val();
            console.log(my_input_value_2);
            my_input.val('这是val重新设置的value值.')
        })
    </script>
</head>
<body>
    <a href="#" id="link-1">这是一个链接</a>
    <input type="text" id="input-1" value="这是一个输入框">
</body>
</html>